<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dream High</title>
<link type="text/css" rel="stylesheet" href="nivo-slider.css" media="screen" />
<link type="text/css" rel="stylesheet" href="slideShow.css" media="screen" />
<link type="text/css" rel="stylesheet" href="Tabs.css" media="screen" />
<link type="text/css" rel="stylesheet" href="style.css" media="screen" />
<link type="text/css" rel="stylesheet" href="basic.css" media="screen" />
<link type="text/css" rel="stylesheet" href="css_buy_product.css" media="screen" />
<script type="text/javascript" src="jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="jquery.nivo.slider.pack.js"></script>
<script type="text/javascript" src="listProducts.js"></script>
<script type="text/javascript" src="basic.js"></script>
<script type="text/javascript" src="jquery.simplemodal.js"></script>
<script type="text/javascript" src="validFormRegister.js"></script>
<script type="text/javascript">
$(function(){
	$('#tabs').tabs();
});
</script>
<script type="text/javascript">
$(window).load(function() {
	$('#slider').nivoSlider();
});
</script>
<script type="text/javascript">
	$(document).ready(function(e) {
        $("nav li").hover(function(e) {
            $(this).find("ul:first").css({visibility: "visible", display: "none"}).show(500);
        },function(e){
			$(this).find("ul:first").css({visibility: "hidden"});
		});
		$("#rfloat_login_succesfull li").click(function(e) {
            if($(this).find("ul:first").is(':hidden')==true)
				$(this).find("ul:first").slideDown();
			else
				$(this).find("ul:first").hide();
		});
    });
	jQuery(function ($) {
	// Load dialog on page load
	//$('#basic-modal-content').modal();

	// Load dialog on click
		$('.basic').click(function (e) {
			$.get('edit_info.html',function(data){
				$('#basic-modal-content').html(data);
			},
			'html');
			$('#basic-modal-content').modal();
	
			return false;
		});
	});
</script>
</head>

<body>
	<section>
    	<header>
        	<section></section>
            <section>
            	<div id="rfloat_login_succesfull">
                    <div style="float:left;">Xin Chào &nbsp;</div>
                    <ul style="float:right;">
                    	<li><a href="#" class="button">viennv1709993@gmail.com</a>
                        	<ul style="right:-1px;">
                            	<li><a href="#" class="basic" style="float:left;">Chỉnh sửa thông tin</a></li>
                                <li><a href="index.html" style="float:right;">Thoát</a>
                            </ul>
                        </li>
                    </ul>
                </div>
            </section>
        </header>
        <nav>
        	<ul>
                <li><a href="index.html">Trang chủ</a></li>
                <li><a href="#">Điện thoại</a>
                	<ul>
                    	<li><a href="#">Điện thoại di động</a></li>
                        <li><a href="#">Phụ kiện ĐTDĐ</a></li>
                        <li><a href="#">Máy cũ</a></li>
                    </ul>
                </li>
                <li><a href="#">Máy tính bảng</a></li>
                <li><a href="#">Camera</a>
                	<ul>
                    	<li><a href="#">Máy ảnh</a></li>
                        <li><a href="#">Máy quay phim</a></li>
                        <li><a href="#">Phụ kiện KTS</a></li>
                    </ul>
                </li>
                <li><a href="#">Giải trí số</a>
                	<ul>
                    	<li><a href="#">Máy MP3</a></li>
                        <li><a href="#">Máy MP4/MP5</a></li>
                        <li><a href="#">Máy ghi âm</a></li>
                    </ul>
                </li>
                <li><a href="#">Tin tức</a></li>
                <li><a href="contact.html">Liên hệ</a></li>
                <li class="last">
                    <div class="div_search">
                    	<form action="#" method="post">
                            <input id="btnSearch" class="btn_empty" type="button" value=" "/>
                            <input id="txtSearch" class="txt_search" type="text"/>
                            <input id="btnClear" class="btn_empty" type="reset" value=" "/>
                        </form>
                    </div>
                </li>
            </ul>
        </nav>
        <article>
        	<div class="box_top">
                <div id="cphLeft_ShopStep1_upMain">
                    <ul class="step_cart_1">
                        <li class="step1_1" style="background: url(images/step2_1.gif) no-repeat scroll left center #EDEDED;">
                        	<span>Giỏ hàng của bạn</span>
                        </li>
                        <li class="step1_2" style="background: url(images/step3_2.gif) no-repeat scroll left center #EDEDED;">
                            <span>Cách giao hàng &amp; Thanh toán</span>
                        </li>
                        <li class="step1_3" style="background: url(images/step3_3.gif) no-repeat scroll left center #EDEDED;">
                        	<span>Xác nhận đơn hàng</span>
                        </li>
                    </ul>
                    <div class="clear"> </div>
                    <div class="shop_content">
                    	<div style="background-color: #f3f3f3;">
                            <table width="100%" cellspacing="0" cellpadding="10">
                                <tbody>
                                    <tr>
                                        <td>
                                            <table width="100%" cellspacing="0" cellpadding="0" border="0" style="border: 1px solid #ffffff; background-color: #ffffff; border-collapse: collapse; font-family: tahoma; font-size: 11px;">
                                                <tbody>
                                                <tr>
                                                    <td align="left" colspan="2">
                                                        <strong>CÔNG TY CỔ PHẦN THẾ GIỚI DI ĐỘNG</strong>
                                                        <br>
                                                        130 Trần Quang Khải, P. Tân Định, Q. 1, TP.HCM
                                                        <br>
                                                        Tel: 1900-561-888
                                                    </td>
                                                    <td align="right" colspan="2"></td>
                                                </tr>
                                                <tr>
                                                <td style="border-bottom: 1px solid #cccccc;" colspan="4"> </td>
                                            </tr>
                                                <tr>
                                                <td align="center" colspan="4">
                                                    <p style="font-family: verdana,geneva,sans-serif; margin-bottom: 1px; font-size: 16px; font-weight: bold;">ĐƠN ĐẶT HÀNG ONLINE</p>
                                                </td>
                                            </tr>
                                                <tr>
                                                    <td style="width: 50%; border: 1px solid #ccc; margin: 5px; font-family: tahoma,geneva,sans-serif; font-size: 11px;" colspan="2">
                                                        <table width="100%" height="100%" cellpadding="5">
                                                            <tbody style="line-height:30px;">
                                                                <tr>
                                                                    <td>Tên Quý khách:</td>
                                                                    <td>
                                                                    <strong> </strong>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td>Địa chỉ nơi ở:</td>
                                                                    <td>
                                                                    <strong></strong>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td>Địa chỉ giao hàng:</td>
                                                                    <td>
                                                                    <strong></strong>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td>Điện thoại:</td>
                                                                    <td>
                                                                    <strong></strong>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td>Email:</td>
                                                                    <td>
                                                                    <strong></strong>
                                                                    </td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </td>
                                                    <td style="width: 50%; border: 1px solid #ccc; margin: 5px; font-family: tahoma,geneva,sans-serif; font-size: 11px;" colspan="2">
                                                        <table width="100%" height="100%" cellpadding="5">
                                                            <tbody style="line-height:30px;">
                                                                <tr>
                                                                    <td>Tên công ty:</td>
                                                                    <td>
                                                                        <strong></strong>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td>Mã số thuế:</td>
                                                                    <td>
                                                                        <strong></strong>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td>Trụ sở đăng ký:</td>
                                                                    <td>
                                                                    <strong></strong>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td>Phương thức giao hàng:</td>
                                                                    <td>
                                                                    <strong></strong>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td>Phương thức thanh toán:</td>
                                                                    <td>
                                                                    <strong></strong>
                                                                    </td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="width: 100%;" colspan="4">
                                                        <div style="margin: 0px 10px 5px 5px;">&nbsp;&nbsp;Ghi chú thêm: </div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>&nbsp; </td>
                                                    <td> </td>
                                                    <td> </td>
                                                    <td> </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="4">
                                                        <table width="100%" cellpadding="5" border="0" style="border: 1px solid #ffffff; background-color: #ffffff; border-collapse: collapse; font-family: tahoma; font-size: 11px;">
                                                            <tbody>
                                                                <tr>
                                                                    <td style="border-left: 3px solid #a9a9a9; background-color: #a9a9a9; height: 30px; color: #ffffff; border-top: 3px solid #e1e1e1; border-right: 1px solid #ffffff;">Phân loại</td>
                                                                    <td style="background-color: #a9a9a9; color: #ffffff; border-top: 3px solid #e1e1e1; border-right: 1px solid #ffffff;">&nbsp;Sản phẩm</td>
                                                                    <td style="background-color: #a9a9a9; color: #ffffff; border-top: 3px solid #e1e1e1; border-right: 1px solid #ffffff;">&nbsp;</td>
                                                                    <td style="background-color: #a9a9a9; color: #ffffff; border-top: 3px solid #e1e1e1; border-right: 1px solid #ffffff;">&nbsp;Màu sắc (cấu hình)</td>
                                                                    <td align="center" style="background-color: #a9a9a9; color: #ffffff; border-top: 3px solid #e1e1e1; border-right: 1px solid #ffffff;">Giá bán</td>
                                                                    <td align="center" style="background-color: #a9a9a9; color: #ffffff; border-top: 3px solid #e1e1e1; border-right: 1px solid #ffffff;">Số lượng</td>
                                                                    <td align="right" style="background-color: #a9a9a9; color: #ffffff; border-top: 3px solid #e1e1e1; border-right: 3px solid #a9a9a9;">Thành tiền (VND)</td>
                                                                </tr>
                                                                <tr>
                                                                    <td>
                                                                        <a href="/dtdd" title="Điện thoại di động">Điện thoại di động</a>
                                                                    </td>
                                                                    <td style="border-right: medium none;">
                                                                        <img title="iPhone 4S 32GB" alt="iPhone 4S 32GB" src="images/Products/1_small.jpg">
                                                                    </td>
                                                                    <td>
                                                                        <a href="#">iPhone 4S 32GB</a>
                                                                    </td>
                                                                    <td> </td>
                                                                    <td style="text-align: right;"> 20,249,000 </td>
                                                                    <td style="text-align: center;"> 1 </td>
                                                                    <td style="text-align: right;"> 20,249,000 </td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td align="right" colspan="4">
                                                        <div style="padding: 0pt; width: 100%; text-align: right;">
                                                            <table align="right" cellpadding="5" border="0" style="border: 1px solid #ffffff; margin-top: 20px; border-collapse: collapse; font-family: tahoma; font-size: 11px;">
                                                                <tbody style="line-height:30px;">
                                                                    <tr>
                                                                    <td style="text-align: left; font-family: tahoma; font-size: 11px;">Giảm giá:</td>
                                                                    <td style="text-align: right; width: 150px; font-family: tahoma; font-size: 11px;"></td>
                                                                </tr>
                                                                    <tr>
                                                                    <td style="text-align: left; font-family: tahoma; font-size: 11px;">Phí giao hàng:</td>
                                                                    <td style="text-align: right; font-family: tahoma; font-size: 11px;"></td>
                                                                </tr>
                                                                    <tr>
                                                                        <td style="text-align: left; font-family: tahoma; font-size: 11px;">Phí thanh toán:</td>
                                                                        <td style="text-align: right; font-family: tahoma; font-size: 11px;"></td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td align="right" style="border-width: 3px 1px 1px; border-style: solid; border-color: #a9a9a9 #e1e1e1 #e1e1e1; background-color: #e1e1e1; height: 33px;" colspan="4">
                                                        <table align="right" width="400" cellpadding="5">
                                                            <tbody>
                                                                <tr>
                                                                    <td style="text-align: right; font-family: tahoma; font-size: 11px;">
                                                                        <strong>Tổng tiền VND</strong>
                                                                        <span style="color: #000000;">(đã bao gồm VAT):</span>
                                                                    </td>
                                                                    <td style="text-align: right; width: 150px; font-family: tahoma; font-size: 11px;">
                                                                        <span style="margin-left: 4px; font-weight: bold; color: #ff0000;">20,249,000 </span>
                                                                    </td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="width: 100%;" colspan="4">
                                                        <div style="margin: 5px 10px 5px 5px; color: #999999;">
                                                            Lưu ý: a) Đơn hàng online có giá trị trong vòng
                                                            <strong>3</strong>
                                                            <strong>ngày</strong>
                                                            ,&nbsp;chỉ dùng thông tin đặt hàng, không thay thế hoá đơn mua hàng. b) DreamHigh.com sẽ gởi tự động một bản sao qua email để Quý khách tiện đối chiếu khi giao hàng. c) Mọi yêu cầu hỗ trợ hoặc góp ý về dịch vụ, Quý khách vui lòng liên hệ tổng đài
                                                            <a href="#">1900-561-888 hoặc 0976-397-795</a>
                                                            hoặc email:
                                                            <a href="mailto:viennv170993@gmail.com">lienhe@dreamhigh.com</a>
                                                        </div>
                                                    </td>
                                                </tr>
                                            </tbody>
                                            </table>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="shop_in_com">
                        	<a href="index.html">
                            	<input class="btn94x25" type="submit" value="Hoàn tất" />
                            </a>
                        </div>
                        <div class="shop_not_footer">
                            DreamHigh.com cam kết áp dụng mức bảo mật cao nhất thông tin Quý khách đặt hàng,
                            <a class="shop_sicu" href="security.html"> xem thêm chính sách bảo mật</a>
                            <a href="buy_product_page2.html" style="margin-left:80px;">[Trở về]</a>
                        </div>
                    </div>
                </div>
            </div>
        </article>
        <aside>
            <div class="Box" style="height:293px;">
                <div class="Header">Thông tin đặt hàng</div>
                <div class="Content">
                    <div class="sh_master_step1_a">
                        <a href="buy_product.html" title="Nhấn vào đây xem giỏ hàng của bạn"> Giỏ hàng của bạn </a>
                        <img src="images/icon_delete.gif" style="cursor:pointer;" />
                    </div>
                    <div>
                        <table id="ShopMaster1_gvCart" cellspacing="0" style="width:100%;border-collapse:collapse;">
                            <tbody>
                                <tr class="tr_shop_mas">
                                    <th class="td_center" scope="col"> Sản phẩm </th>
                                    <th class="td_center" scope="col"> SL </th>
                                    <th class="td_last" scope="col"> Thành tiền </th>
                                </tr>
                                <tr class="tr_s_no">
                                    <td class="td_center"> iPhone 4 32GB </td>
                                    <td class="td_quantity"> 1 </td>
                                    <td class="td_last"> 20,249,000 </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="sh_master_step2_a"> Cách giao hàng &amp; thanh toán </div>
                    <div class="shop_comand_master">
                        <div style="float: left; width: 50%;">
                        	<span>Tổng tiền</span>
                        	(VND):
                        </div>
                        <div class="price"> 20,249,000 </div>
                    </div>
                    <div class="sh_master_step3_a"> Xác nhận đơn hàng </div>
                    <div class="sh_master_step3_content">
                        <a href="payment_instructions.html" style="color:#03F;"> Xem hướng dẫn đặt hàng</a>
                    </div>
                    <div style="padding:16px 0px 0px 0px;">
                        <a href="#">
                            <img alt="Đặt hàng online giá rẻ hơn" src="images/Spencial_Offer.gif">
                        </a>
                    </div>
                </div>
            </div>
            <div class="Box" style="margin-top:8px;">
                <div class="Header">Điện thoại di động mới ra mắt</div>
                <div class="Content" style="padding:10px 0px">
                	<script type="text/javascript">
						listNewProducts(["Nokia N302(Asha 302)","Samsung Galaxy Y S5360","Samsung Star 3 S5220","Samsung C3312","Samsung Torino S6102"],  ["a","b","c","d","e"],  ["2,789,000 VNĐ","3,589,000 VNĐ","2,599,000 VNĐ","1,899,000 VNĐ","4,489,000 VNĐ"],5);
					</script>
                </div>
            </div>
        </aside>
        <footer>
			<p>
				<a href="/">Trang chủ</a>|
				<a href="#">Giới thiệu</a>|
				<a href="#">Tin tức</a>|
				<a href="#">Liên hệ</a>|
				<a href="#">Điều khoản cá nhân</a>|
				<a href="#">Hướng dẫn thanh toán</a>
			</p>
			<div class="clear"></div>
			<p>
				&copy; Bản quyền thuộc về Dream High.
				<a href="#">Thiết kế website</a>
				bởi
				<a href="#">www.dreamhigh.com</a>
			</p>
			<div class="clear"></div>
        </footer>
    </section>
    <!-- modal content -->
	<div id="basic-modal-content"></div>
    <a id="toTop" href="#" style="display: inline;"><span id="toTopHover" style="opacity: 1;"></span>To Top</a>
</body>
</html>